<template>
	<page-body>
		<view class="page">
			<view class="qsIndex_flex_0" :style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
				<view class='flex flex-wrap align-center justify-between flex-sub qsIndex_fd0_0'>
					<!-- <view class="" @tap.stop="popupShow1729132112516 = true" style="position: relative;">
						筛选
						
						
						<text class='fu-iconfont2'
							style="font-size: 24rpx;margin: 0 0 0 16rpx;">&#xe7f2;</text>
					</view> -->
					<view class='flex flex-wrap align-center qsIndex_fd0_0_c0' @tap.stop="handleJumpDiy" data-type="navigateTo" 
					:data-url="`/pages/index/myNew/myNew`">
                        <benben-message-num class='qsIndex_fd0_0_c0_c0' :message-num="newum.all" size='24' color='#fff' background-color='red'>
                        </benben-message-num>
                        <image class='qsIndex_fd0_0_c0_c1' mode="aspectFit" :src='STATIC_URL+"79.png"'></image>
                    </view>
					<!-- <view class='flex flex-wrap align-stretch justify-center'>
                    </view>
                    <view class='flex flex-wrap align-center justify-end qsIndex_fd0_0_c2'>
                    </view> -->
				</view>
				
				<!-- <view class="flex ding_1" >
					<template v-for='(item,key0) in tabList1'>
						<view class="ding_2" @tap="tabsTap(item.aid)">
							<view class="ding_5" :class="item.aid == taps ? 'ding_4' : ''">
								{{item.name}}
								<benben-message-num v-if="item.aid == 2" class='qsIndex_fd0_0_c0_c0' :message-num="hongdain.cyqd_number" size='24' color='#fff' background-color='red'>
								</benben-message-num>
								<benben-message-num v-else class='qsIndex_fd0_0_c0_c0' :message-num=" hongdain.kddq_number + hongdain.wmdq_number + hongdain.xypt_number" size='24' color='#fff' background-color='red'>
								</benben-message-num>
							</view>
						</view>
					</template>
				</view> -->
			</view>
			<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
			<!---flex布局flex布局开始-->
			<view class="flex benben-flex-layout flex-wrap align-center" style="background: #fff;">
				<view class='flex flex-direction align-stretch qsIndex_fd1_0_ben' v-if="tab == 4">
					<view class='flex flex-wrap align-center qsIndex_fd1_0_c0_ben'>
						<text class='fu-iconfont2'>&#xe722;</text>
						<benben-input class='qsIndex_fd1_0_c0_c1_ben' type="text" :placeholder="`请输入商家名称`"
							confirm-type="done" :maxlength="-1" :adjust-position="false"
							placeholder-style="color:#999;font-size:28rpx" />
					</view>
				</view>
                <view class="flex ding_1">
					<template v-for='(item,key0) in tabList2'>
						<view class="ding_2" @tap="together(item.aid)" style="position: relative;">
							<text :class="item.aid == tab ? 'ding_4' : ''" >
								{{item.name}}
							</text>
							<view class="ding_3" v-if="item.aid == tab"></view>
						</view>
					</template>
                    <!-- <benben-flex-tabs class-name='qsIndex_benbenTabsfd1_0' v-model="tab" ref="benben_tabsfd1_0" select-mark="benben_tabsfd1_0" key="benben_tabsfd1_0" :open-title-type='false' :open-sticky='true' :top='0' :is-show-content='false' :scrollspy='false' :tabs-info.sync="tabsInfofd1_0" 
					 @change="together()" style="height: 100rpx;">

                        <scroll-view @scroll="tabsInfofd1_0.scrollX = $event.detail.scrollLeft" id="benben_tabsfd1_0" class="benben-tabs" style="width:750rpx" :scroll-x="true" :scroll-left.sync="tabsInfofd1_0.moveX" scroll-with-animation="all .3s ease">
                            <view class="benben-tabs-content" id="benben_tabsfd1_0-content">
                                <view id="benben_tabsfd1_0-title" class="benben-tabs-title flex flex align-center justify-around">
                                    <view :class="{ 'checkTitlefd1_0': tab == '4', 'flex flex-wrap align-center': true }" @tap="tab = '4'" :id="`benben_tabsfd1_0-title-item-${'4'}`">

                                        <text>餐饮抢单</text>

                                    </view>
                                    <view :class="{ 'checkTitlefd1_0': tab == '1', 'flex flex-wrap align-center': true }" @tap="tab = '1'" :id="`benben_tabsfd1_0-title-item-${'1'}`">

                                        <text>快递代取</text>

                                    </view>
                                    <view :class="{ 'checkTitlefd1_0': tab == '2', 'flex flex-wrap align-center': true }" @tap="tab = '2'" :id="`benben_tabsfd1_0-title-item-${'2'}`">

                                        <text>外卖代取</text>

                                    </view>
                                    <view :class="{ 'checkTitlefd1_0': tab == '3', 'flex flex-wrap align-center': true }" @tap="tab = '3'" :id="`benben_tabsfd1_0-title-item-${'3'}`">

                                        <text>校园跑腿</text>

                                    </view>
                                </view>
                                <view :style="{ left: tabsInfofd1_0.lineleft, maxWidth: tabsInfofd1_0.lineWidth ,}" id="benben_tabsfd1_0-line" class="benben-tabs-line flex benben-flex-tabs-line qsIndex_linefd1_0"></view>
                            </view>
                        </scroll-view>

                    </benben-flex-tabs> -->

                </view>
				
            </view>
			<view class="leixing flex"  v-if="tab == 4">
				<view class="leixing_1" :class="tabType == 1 ? 'leixing_3' : ''" @tap="qiehuan(1)">商家</view>
				<view class="leixing_2" :class="tabType == 2 ? 'leixing_3' : ''" @tap="qiehuan(2)">中转站</view>
			</view>
			<!---flex布局flex布局结束-->
			<!---flex布局flex布局开始-->
			<fu-loading v-if="isShow"></fu-loading>
			<view class="flex flex-direction align-stretch benben-flex-layout qsIndex_flex_2" v-if="!isShow">
				<template v-for='(item,key0) in list'>
					<view class='flex flex-direction align-stretch qsIndex_fd2_0' :key='key0' @tap.stop="handleJumpDiy"
						data-type="navigateTo"
						:data-url="`/pages/riderOrder/robOrder/robOrder?order_sn=${item.order_sn}&type=${item.order_type_new == 'waimai' ? 4 : 1}&aid=${item.aid}`">
						<view class="ding_7" v-if="item.is_read_show == 1"></view>
						<view class='flex flex-wrap align-center'>
							<text class='qsIndex_fd2_0_c0_c0_1'>{{item.order_type_name}}</text>
							<!-- <text class='qsIndex_fd2_0_c0_c0' v-if=" item.order_type=='3'">校园跑腿</text>
							<text class='qsIndex_fd2_0_c0_c0_1' v-if=" item.order_type=='2'">外卖代取</text>
							<text class='qsIndex_fd2_0_c0_c0_1' v-if=" item.order_type=='1'">外卖代取</text> -->
							<text class='qsIndex_fd2_0_c0_c1'>订单</text>
							<text class='qsIndex_fd2_0_c0_c2'>{{item.order_sn}}</text>
							<!-- <text class='qsIndex_fd2_0_c0_c3' v-if=" tab=='4'">#</text> -->
							<!-- <text class='qsIndex_fd2_0_c0_c3' v-if=" tab=='4'">{{item.day_number}}</text> -->
						</view>
						<view class="mingcheng" v-if="item.store_name && item.store_name != 'null'">
							商家：{{item.store_name}}
						</view>
						<view class='qsIndex_fd2_0_c1'>
							<view class="flex flex-wrap align-center ">
								<text class='qsIndex_fd2_0_c1_c0'>预计送达时间</text>
								<text class='qsIndex_fd2_0_c1_c1'>{{item.forecast_time}}</text>
							</view>
							<view class="flex flex-wrap align-center "  v-if=" item.order_type!='4'" style="margin-top: 24rpx;">
								<text class='qsIndex_fd2_0_c1_c2'>预计收入</text>
								<text class='qsIndex_fd2_0_c1_c3'>￥</text>
								<text class='qsIndex_fd2_0_c1_c4'>{{item.income}}</text>
							</view>
						</view>
						<view class='flex flex-wrap align-center' v-if="item.end_address_info">
							<view class='flex flex-wrap align-center qsIndex_fd2_0_c2_c0'>
								<image class='qsIndex_fd2_0_c2_c0_c0' mode="aspectFit" :src='STATIC_URL+"54.png"'>
								</image>
								<text class='qsIndex_fd2_0_c2_c0_c1'>收</text>
							</view>
							<view class='flex flex-direction align-stretch flex-sub qsIndex_fd2_0_c2_c1'>
								<view class='qsIndex_fd2_0_c2_c1_c0'>
									<text class="qsIndex_fd2_0_c2_c1_c1">{{item.end_address_info.name}}</text>
									<text v-if=" item.end_address_info.sex=='1'">先生</text>
									<text v-if=" item.end_address_info.sex=='2'">女士</text>
									<text>(</text>
									<text>{{item.end_address_info.mobile}}</text>
									<text>)</text>
								</view>
								<text class='qsIndex_fd2_0_c2_c1_c1'>{{item.end_address_info.detail}}</text>
							</view>
						</view>
						<view class="flex  flex-wrap align-center justify-center">
							<view class="" v-if="item.transferstation_name">中转站：{{item.transferstation_name}}</view>
							<button class='qsIndex_fd2_0_c3' @tap.stop='lijiqiangdan(item)'>立即抢单</button>
						</view>
						
					</view>
				</template>
				<view v-if="list.length == 0"
					class="text-xl text-center text-gray flex flex-direction align-center justify-center"
					style="margin-top: 20%;">
					<image :src='STATIC_URL+"137.png"' mode="widthFix" style="width:400rpx;"></image>
				</view>
				<!-- <fu-empty :pagingListLoadedAll="pagingListLoadedAll" :pagingListNoListData="pagingListNoListData" :listDataLength="listDataLength" :isLoadInit="isLoadInit"></fu-empty> -->
			</view>

			<!---flex布局flex布局结束-->
			<benben-popup v-model="popupShow1716278820399" :mask="true" :mask-close-able="true" mode='center'>
				<!---二次确认框flex布局开始-->
				<view class="flex flex-direction align-center benben-flex-layout qsIndex_flex_3">
					<view class='flex flex-wrap align-center'>
						<text class='qsIndex_fd3_0_c0'>提示</text>
					</view>
					<text class='qsIndex_fd3_1'>您已抢单成功！</text>
					<view class='flex align-stretch qsIndex_fd3_2'>
						<view
							class='flex flex-direction flex-wrap align-center self-center justify-center qsIndex_fd3_2_c0'
							@tap.stop="popupShow1716278820399=false">
							<text class='qsIndex_fd3_2_c0_c0'>取消</text>
						</view>
						<view
							class='flex flex-direction flex-wrap align-center self-center justify-center qsIndex_fd3_2_c1'
							@tap.stop="chakan">
							<text class='qsIndex_fd3_2_c1_c0'>查看订单</text>
						</view>
					</view>
				</view>

				<!---二次确认框flex布局结束-->

			</benben-popup>
			<benben-popup v-model="popupShow1716278998416" :mask="true" :mask-close-able="true" mode='center'>
				<!---二次确认框flex布局开始-->
				<view class="flex flex-direction align-center benben-flex-layout qsIndex_flex_4">
					<view class='flex flex-wrap align-center'>
						<text class='qsIndex_fd4_0_c0'>提示</text>
					</view>
					<text class='qsIndex_fd4_1'>手慢了，继续加油！</text>
					<view class='flex align-stretch qsIndex_fd4_2'>
						<view
							class='flex flex-direction flex-wrap align-center self-center justify-center qsIndex_fd4_2_c0'
							@tap.stop="popupShow1716278998416=false">
							<text class='qsIndex_fd4_2_c0_c0'>取消</text>
						</view>
						<view
							class='flex flex-direction flex-wrap align-center self-center justify-center qsIndex_fd4_2_c1'
							@tap.stop="popupShow1716278998416=false">
							<text class='qsIndex_fd4_2_c1_c0'>继续抢单</text>
						</view>
					</view>
				</view>

				<!---二次确认框flex布局结束-->

			</benben-popup>
			<!-- <benben-picker ref="benbenWritePickerCodepicker4" :visible.sync="pickerDiy1715242438727"
				:label.sync='schoolLable' :value.sync='schoolValue' :options='schoolType' mode='selector'
				default-type='aid' :mask-show='true' :timeout='true' :picker-height='88'
				:default-props='{"label":"name","value":"aid"}' @change="dizhi">
				<template #picker-header>
					<view class='flex flex-wrap align-center justify-between index_picker4_0'>
						<text class='index_picker4_0_c0' @tap="$refs.benbenWritePickerCodepicker4.cancel()">取消</text>
						<text class='index_picker4_0_c1'>选择餐厅</text>
						<text class='index_picker4_0_c2'
							@tap="$refs.benbenWritePickerCodepicker4.pickerConfirm()">确定</text>
					</view>
				</template>
			</benben-picker> -->
			<benben-popup v-model="popupShow1729132112516" :mask="true" :mask-close-able="true" mode='left'
				:z-index='999'>
				<view class="flex benben-flex-layout flex-wrap align-center" :style="{paddingTop:StatusBarRpx+'rpx', }">
					<view class='flex flex-wrap align-center fd1_0'>
						<view class="" v-if="taps == 2 && wai" style="padding: 0 0 0 32rpx;">餐厅</view>
						<view class="" style="margin: 0 0 0 auto;" v-if="wai" @tap.stop="popupShow1729132112516 = false">
							<text class='fu-iconfont2'  style="margin: 0 32rpx 0 auto;">&#xe794;</text>
						</view>
						<text class='fu-iconfont2' v-if="!wai"  style="margin: 0 0 0 32rpx;" @tap.stop="popupShow1729132112516 = false">&#xe794;</text>
						
						<view class="fd1_0_c0 flex flex-direction flex-wrap align-start align-center justify-center flex" v-if="!(taps == 2 && wai)">
							<view class="yangshi_0 flex flex-wrap" v-if="!wai">
								<!-- <text @tap.stop="waimai(3)" :class="taps == 3 ? 'yangshi_1' : ''" class="yangshi_2">全部</text> -->
								<!-- <view class="ding_6" v-if="hongdain.cyqd_number > 0"></view> -->
								<view @tap.stop="waimai(2)" :class="taps == 2 ? 'yangshi_1' : ''" class="yangshi_2">
									<benben-message-num class='qsIndex_fd0_0_c0_c0' :message-num="hongdain.cyqd_number" size='24' color='#fff' background-color='red'>
									</benben-message-num>
									外卖
								</view> 
								<!-- <view class="ding_6" v-if="hongdain.cyqd_number > 0"></view> -->
								<view @tap.stop="waimai(1)" :class="taps == 1 ? 'yangshi_1' : ''" class="yangshi_2">
									<benben-message-num class='qsIndex_fd0_0_c0_c0' :message-num="hongdain.kddq_number + hongdain.wmdq_number + hongdain.xypt_number" size='24' color='#fff' background-color='red'>
									</benben-message-num>
									跑腿
								</view> 
								
								
							</view> 
							<view class="yangshi_0  flex flex-wrap" v-if="taps == 1 && wai">
								<view @tap.stop="tapx = 'x'" :class="tapx == 'x' ? 'yangshi_1' : ''" class="yangshi_2">
									全部
								</view>
								<view @tap.stop="tapx = 1" :class="tapx == 1 ? 'yangshi_1' : ''" class="yangshi_2">
									快递订单
									<benben-message-num class='qsIndex_fd0_0_c0_c0' :message-num="hongdain.kddq_number" size='24' color='#fff' background-color='red'>
									</benben-message-num>
								</view>
								<view @tap.stop="tapx = 2" :class="tapx == 2 ? 'yangshi_1' : ''" class="yangshi_2">
									跑腿订单
									<benben-message-num class='qsIndex_fd0_0_c0_c0' :message-num="hongdain.wmdq_number + hongdain.xypt_number" size='24' color='#fff' background-color='red'>
									</benben-message-num>
								</view>
							</view>
						</view>
						
						<scroll-view class='fd1_0_c0' :scroll-y='true' v-if="taps == 2 && wai">
							  <!-- benben-flex-layout -->
							<view class='flex flex-direction flex-wrap align-start align-center justify-center benben-scroll flex' style="width: 100%;"  v-if="taps == 2 && wai">
								<!-- <benben-select-diy ref="showSelectPopup1729133324945"  class-name='flex flex-direction align-stretch flex-wrap flex'
									:items.sync="schoolType" v-model="aid" :label.sync="name" default-type="aid" @change="chufa"
									default-label="name" :allow-cancel='true' type="checkbox" :disabled='false' style="width: 100%;"> -->
									<template v-for='(item,key0) in schoolType'>
										<view class='flex flex' @tap.stop="chufa(item)">
											<text :class="aids.indexOf(item.aid) != -1 ? 'fd1_0_c0_c0_c0_c0' : 'fd1_0_c0_c0_c1_c0'" class=''>{{item.name}}</text>
										</view>
										<!-- <view v-if="item.isSelected" class='flex flex' :key="key0"
											@tap="$refs.showSelectPopup1729133324945.tapHandle(key0)">
											<text class='fd1_0_c0_c0_c0_c0'>{{item.name}}</text>
										</view>
										<view v-else class='flex flex' :key="key0"
											@tap="$refs.showSelectPopup1729133324945.tapHandle(key0)">
											<text class='fd1_0_c0_c0_c1_c0'>{{item.name}}</text>
										</view> -->
									</template>
								<!-- </benben-select-diy> -->
							</view>
						</scroll-view>
						<view class='flex flex-wrap align-center justify-center'>
							<!-- <button class='fd1_0_c1_c0'>重置</button> -->
							<button class='fd1_0_c1_c1' @tap.stop="dizhi">确定</button>
						</view>
					</view>
					
				</view>
			</benben-popup>


		</view>
	</page-body>
</template>
<script>
	import pagingList from '@/common/mixin/paging_list.js';
	import {
		validate
	} from '@/common/utils/validate.js'

	export default {
		components: {},
		// mixins: [pagingList],

		data() {
			return {
				tabList2:[
					{name:'餐饮抢单',aid:'4'},
					{name:'快递代取',aid:'1'},
					{name:'外卖代取',aid:'2'},
					{name:'校园跑腿',aid:'3'},
				],
				tabType:1,
				wai:true,
				taps:'2',
				tapx:'x',
				"aid": "x",
				"name": "",
				popupShow1729132112516: false,
				schoolLable: '',
				schoolValue: '',
				schoolType: [],
				pickerDiy1715242438727: false,
				"popupShow1716278998416": false,
				"popupShow1716278820399": false,
				"tabsInfofd1_0": {
					lineleft: '',
					lineWidth: '',
					moveX: 0,
					scrollX: 0,
					PageScrollX: 0
				},
				"minixPagingListsApi": "",
				"pageingListApiMethod": "",
				"allowOnloadGetList": false,
				"tab": "4",
				"newum": {
					"one": {
						"new_msg": "",
						"new_msg_num": "",
						"new_time": ""
					},
					"two": {
						"new_msg": "",
						"new_msg_num": "",
						"new_time": ""
					},
					"count": {
						"new_msg": "",
						"new_msg_num": ""
					}
				},
				"list": [],
				opsType: false,
				page: 1,
				isShow: false,
				upType: true,
				tabList1: [{ 
						name: '外卖订单',
						aid: 2
					},
					{
						name: '跑腿订单',
						aid: 1
					},
					// {name:'外卖代取',aid:2}, 
					// {name:'校园跑腿',aid:3},
				],
				lat: '',
				lng: '',
				intervalId: '',
				hongdain: {
					"cyqd_number": 0,
					"kddq_number": 0,
					"wmdq_number": 0,
					"xypt_number": 0
				},
				aids:['x'],
				names:['全部']
			};
		},
		computed: {

		},
		watch: {},
		onLoad(options) {

		},
		onUnload() {

		},
		onReady() {

		},
		onShow() {

		},
		onHide() {

		},
		onResize() {

		},
		onPullDownRefresh() {

		},
		onReachBottom(e) {

		},
		onPageScroll(e) {

		},
		methods: {
			qiehuan(type){
				this.tabType = type
				this.getrh66fd9fc02c9bFunc()
			},
			chufa(item){
				let name = this.names
				let aid = this.aids
				let index = this.aids.indexOf(item.aid)
				let ind_zong = this.schoolType.length
				let ind_x = aid.indexOf('x')
				if(index == -1){
					if(item.aid == 'x'){
						name = []
						aid = []
						for (var i = 0; i < this.schoolType.length; i++) {
							name.push(this.schoolType[i].name) 
							aid.push(this.schoolType[i].aid) 
						}
					}else{
						if(ind_x != -1){
							aid.splice(ind_x,1)
							name.splice(ind_x,1)
						}
						aid.push(item.aid)
						name.push(item.name)
						if(aid.length == ind_zong-1){
							aid.push('x')
							name.push('全部')
						}
					}
					
				}else{
					if(item.aid == 'x'){
						name = []
						aid = []
					}else{
						// console.log(ind_x,'取消')
						if(ind_x != -1){
							aid.splice(ind_x,1)
							name.splice(ind_x,1)
						}
						aid.splice(index,1)
						name.splice(index,1)
					}
					
				}
				// name = name.split(',')
				// aid = aid.split(',')
				// let index = aid.indexOf('x')
				// if(index != -1 && aid.length > 0){
				// 	aid.splice(index,1)
				// 	name.splice(index,1)
				// }
				this.names = name
				this.aids = aid
				this.name = this.names.toString()
				this.aid = this.aids.toString()
				// console.log(this.aid,this.name,ind_zong,111111)
			},
			waimai(type){
				this.taps = type
				if(type != 3){
					this.wai = !this.wai
				}
				
			},
			dizhi() {
				if(this.taps == 2){
					if(!this.aid){
						this.$message.info('至少选择一个餐厅进行筛选');
						return
					}
				}
				if(this.taps == 1){
					if(!this.tapx){
						this.$message.info('至少选择一个订单类型进行筛选');
						return
					}
				}
				console.log(this.taps,this.aid,1111111111)
				// return
				this.isShow = true
				this.page = 1
				this.popupShow1729132112516 = false
				this.getrh66fd9fc02c9bFunc()
			},
			together(type) {
				if(type){
					this.tab = type
				}
				
				this.isShow = true
				this.page = 1
				this.getgq46d88852707bFunc()
				this.getrh66fd9fc02c9bFunc()
				clearInterval(this.intervalId);
				this.intervalId = null;
				this.dingwei()
				this.post666f9c64be345()
				// this.post668c9da6c7c39()
			},
			tabsTap(aid) {
				this.taps = aid
				this.isShow = true
				this.page = 1
				this.getgq46d88852707bFunc()
				this.getrh66fd9fc02c9bFunc()
			},

			dingwei() {
				let _this = this
				uni.getLocation({
					type: 'gcj02',
					altitude: true,
					success: (res) => {
						_this.lat = res.latitude
						_this.lng = res.longitude
						_this.intervalId = setInterval(() => {
							_this.post668c9da6c7c39()
						}, 30000)
					},
					fail: (error) => {
						console.log(error, '《----------------失败了吧');
					}
				});
			},
			async post666f9c64be345() {
				let res = await this.$api.post(global.apiUrls.post666f9c64be345);
				if (res.data.code != 1) {
					this.$message.info(res.data.msg);
				 return
				}
				this.schoolType = res.data.data
				this.schoolType.unshift({
					aid: 'x',
					name: '全部'
				});
				// console.log(res,111111111111111)
			},
			async post668c9da6c7c39() {
				let page = {
					lat: this.lat || 34.746267,
					lng: this.lng || 113.619632,
				}
				let token = uni.getStorageSync('USER_TOKEN')
				if (token && uni.getStorageSync('tabberType') == 2) {
					let res = await this.$api.post(global.apiUrls.post668c9da6c7c39, page);
					if (res.data.code != 1) {
						this.$message.info(res.data.msg);
						return
					}
					console.log(page, '位置传参123')
				 uni.setStorageSync('addweizhi', JSON.stringify(page))
				} else {
					clearInterval(this.intervalId);
					this.intervalId = null;
				}

			},
			// 查看订单
			chakan() {
				this.popupShow1716278820399 = false
				// console.log(this.taps == 1 ? 2 : 1,'参数信息1111111')
				uni.setStorageSync('orderType', this.taps == 1 ? 2 : 1)
				uni.switchTab({
					url: '/pages/tabBar/order/order'
				});
			},
			// 抢单
			async lijiqiangdan(item) {
				// console.log(item,'点击提交了')
				let url = ''
				if (item.order_type_new == 'waimai') {
					url = global.apiUrls.post646d678dd2afe
				} else {
					url = global.apiUrls.post666fe58042598
				}
				if (this.opsType) {
					return
				}
				this.opsType = true
				let res = await this.$api.post(url, {
					order_sn: item.order_sn
				});
				// -1 抢单失败
				// -2 您不是骑手
				// -3 您暂未认证，请再来接单
				// -4 休息期间不可接单
				if (res.data.code == -1) {
					this.popupShow1716278998416 = true
					this.opsType = false
				} else if (res.data.code != 1) {
					this.$message.info(res.data.msg);
					this.opsType = false
					return
				} else {
					if(item.order_type_new == 'waimai'){
						this.tab == 4
					}else{
						this.tab == 1
					}
					this.popupShow1716278820399 = true
					this.opsType = false
				}
				this.isShow = true
				this.page = 1
				this.getgq46d88852707bFunc()
				this.getrh66fd9fc02c9bFunc()

			},
			// 导航消息角标
			async post66a83c315168d() {
				let res = await this.$api.get(global.apiUrls.post66a83c315168d);
				if (res.data.code != 1) {
					this.$message.info(res.data.msg);
					return
				}
				this.hongdain = res.data.data
			},
			//获取未读消息数量及最新消息
			async getgq46d88852707bFunc() {
				//请求方法
				//数据验证

				let datanewum = await this.$api.get(global.apiUrls.post649039e86761b, {
					type: '3'
				});

				if (datanewum.data.code != 1) {
					this.$message.info(datanewum.data.msg);
					return
				}
				let infonewum = datanewum.data;
				this.newum = infonewum.data

			},
			//骑手端-抢单大厅跑腿订单列表
			async getrh66fd9fc02c9bFunc() {
				this.post66a83c315168d()
				// console.log(this.tab,'参数')
				let date = {
					order_type: this.tab,
					page: this.page,
				}
				if(this.tabType == 2){
					date.is_transfer = 1
				}
				// if(this.taps == 1){
				// 	if(this.tapx == 'x'){
				// 		date.order_type = 0
				// 	}
				// 	if(this.tapx == '1'){
				// 		date.order_type = 1
				// 	}
				// 	if(this.tapx == '2'){
				// 		date.order_type = 5
				// 	}
				// }
				
				// // console.log(this.taps,11111111111)
				// if(this.taps == 2){
				// 	date.order_type = 4
				// 	if(this.aid){
				// 		let list = this.aid.split(',')
				// 		let id = []
				// 		let type = ''
				// 		for (var i = 0; i < list.length; i++) {
				// 			// Things[i]
				// 			if(list[i] == 'x'){
				// 				type = 1
				// 			}else{
				// 				id.push(list[i])
				// 			}
				// 		}
				// 		if(type != 1){
				// 			date.canteen_id = id.toString()
				// 		}
				// 	}
				// }
				// if(this.taps == 3){
				// 	date.order_type = 0
				// }
				let res = await this.$api.get(global.apiUrls.post666fd9fc02c9b,date);
				if (res.data.code != 1) {
					this.$message.info(res.data.msg);
					return
				}
				if (this.page == 1) {
					this.list = []
				}
				let list = res.data.data.data
				this.list = this.list.concat(list)
				if (this.list.length < res.data.data.total) {
					this.upType = true
				} else {
					this.upType = false
				}
				this.isShow = false 

				//            this.minixPagingListsApi = global.apiUrls.post666fd9fc02c9b;
				//            this.pageingListApiMethod = 'get';
				//            this.allowOnloadGetList = false;
				//            this.pagingListPostDataContent = {
				//                order_type: this.tab,
				// page:this.page,
				//            }
				//            this.listData = [];
				//            this.list = this.listData;
				//            this.pagingListToggle();

			},
			pagingListPostData() {
				// return this.pagingListPostDataContent
			}
		}
	};
</script>
<style lang="scss" scoped>
	.page {
		width: 100vw;
		overflow-x: hidden;
		min-height: calc(100vh - var(--window-bottom));
		background: #F8F8F8;
		background-size: 100% auto;
		padding-bottom: 120rpx;
	}

	.qsIndex_flex_0 {
		background: #fff;
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
		background-size: 100% auto !important;
		position: fixed;
		left: 0;
		top: 0;
	}

	.qsIndex_fd0_0_c2 {
		width: 120rpx;
	}

	.qsIndex_fd0_0_c0_c1 {
		width: 38rpx;
		height: 38rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.qsIndex_fd0_0_c0_c0 {
		position: absolute;
		left: 20rpx;
		top: -18rpx;
		z-index: 10;
	}

	.qsIndex_fd0_0_c0 {
		width: 120rpx;
		position: relative;
	}

	.qsIndex_fd0_0 {
		padding: 0rpx 32rpx 0rpx 32rpx;
		height: 88rpx;
	}

	.qsIndex_linefd1_0 {
		background: url(image-path('52.png')) no-repeat;
		width: 42rpx;
		height: 15rpx;
		top: 70rpx;
		background-size: 100% auto !important;
	}

	.checkTitlefd1_0 {
		font-weight: 700 !important;
		font-size: 28rpx !important;
		color: #333 !important;
		background-color: rgba(255, 255, 255, 1) !important;
	}

	::v-deep .qsIndex_benbenTabsfd1_0 {
		background: #fff;
		width: 750rpx;
		height: 100rpx;
		white-space: nowrap;
		text-align: center;
	}

	.qsIndex_flex_2 {
		padding: 24rpx;
	}

	.qsIndex_fd2_0_c3 {
		background: #FF8E21;
		border-radius: 40rpx 40rpx 40rpx 40rpx;
		width: 220rpx;
		line-height: 80rpx;
		font-size: 28rpx;
		color: #FFFFFF;
		height: 80rpx;
		font-weight: 500;
		margin: 024rpx 0rpx 0rpx auto;
	}

	.qsIndex_fd2_0_c2_c1_c1 {
		color: #000000;
		font-size: 28rpx;
		font-weight: 500;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.qsIndex_fd2_0_c2_c1_c0 {
		font-size: 28rpx;
		font-weight: 400;
		color: #000000;
		margin: 0rpx 0rpx 20rpx 0rpx;
	}

	.qsIndex_fd2_0_c2_c1 {
		border-bottom: 1px solid rgba(238, 238, 238, 1);
		padding: 32rpx 0rpx 32rpx 0rpx;
		margin: 0rpx 0rpx 0rpx 26rpx;
	}

	.qsIndex_fd2_0_c2_c0_c1 {
		color: #FFFFFF;
		font-size: 22rpx;
		font-weight: 700;
		position: absolute;
		left: 10rpx;
		top: 4rpx;
	}

	.qsIndex_fd2_0_c2_c0_c0 {
		width: 40rpx;
		height: 48rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.qsIndex_fd2_0_c2_c0 {
		position: relative;
	}

	.qsIndex_fd2_0_c1_c4 {
		color: #FF8E21;
		font-size: 36rpx;
		font-weight: 700;
	}

	.qsIndex_fd2_0_c1_c3 {
		color: #FF8E21;
		font-size: 22rpx;
		font-weight: 700;
	}

	.qsIndex_fd2_0_c1_c2 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		margin: 0rpx 10rpx 0rpx 0;
	}

	.qsIndex_fd2_0_c1_c1 {
		color: #FF8E21;
		font-size: 28rpx;
		font-weight: 500;
		margin: 0rpx 0rpx 0rpx 16rpx;
	}

	.qsIndex_fd2_0_c1_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
	}

	.qsIndex_fd2_0_c1 {
		background: #F8F8F8;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 20rpx;
		margin: 24rpx 0rpx 0rpx 0rpx;
	}

	.qsIndex_fd2_0_c0_c4 {
		color: #333333;
		font-size: 26rpx;
		font-weight: 800;
	}

	.qsIndex_fd2_0_c0_c3 {
		color: #333333;
		font-size: 26rpx;
		font-weight: 800;
		margin: 0rpx 0rpx 0rpx auto;
	}

	.qsIndex_fd2_0_c0_c2 {
		color: #AAAAAA;
		font-size: 24rpx;
		font-weight: 400;
		margin: 0rpx 0rpx 0rpx 12rpx;
	}

	.qsIndex_fd2_0_c0_c1 {
		color: #AAAAAA;
		font-size: 24rpx;
		font-weight: 400;
	}

	.qsIndex_fd2_0_c0_c0_1 {
		background: rgba(52, 187, 52, 1);
		width: 109rpx;
		height: 36rpx;
		background-size: 100% auto;
		color: #FFFFFF;
		font-size: 22rpx;
		font-weight: 500;
		text-align: center;
		line-height: 36rpx;
		border-radius: 16rpx 0rpx 16rpx 0rpx;
		margin: 0 12rpx 0 0;
	}

	.qsIndex_fd2_0_c0_c0 {
		background: rgba(22, 158, 240, 1);
		width: 109rpx;
		height: 36rpx;
		background-size: 100% auto;
		color: #FFFFFF;
		font-size: 22rpx;
		font-weight: 500;
		text-align: center;
		line-height: 36rpx;
		border-radius: 16rpx 0rpx 16rpx 0rpx;
		margin: 0 12rpx 0 0;
	}

	.qsIndex_fd2_0 {
		background: var(--benbenbgColor1);
		background-size: 100% auto;
		border-radius: 16rpx;
		padding: 24rpx;
		margin: 0 0 24rpx 0;
		position: relative;
	}

	.qsIndex_flex_3 {
		background: rgba(255, 255, 255, 1);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 40rpx 0rpx 0rpx 0rpx;
		width: 540rpx;
	}

	.qsIndex_fd3_2_c1_c0 {
		color: #ED702D;
		font-size: 32rpx;
		font-weight: 500;
	}

	.qsIndex_fd3_2_c1 {
		width: 50%;
		height: 110rpx;
	}

	.qsIndex_fd3_2_c0_c0 {
		color: #999999;
		font-size: 32rpx;
		font-weight: 500;
		text-align: center;
	}

	.qsIndex_fd3_2_c0 {
		border-right: 1px solid #eee;
		width: 50%;
		height: 110rpx;
		text-align: center;
	}

	.qsIndex_fd3_2 {
		border-top: 1px solid #eee;
		width: 100%;
	}

	.qsIndex_fd3_1 {
		line-height: 44rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: var(--benbenFontColor0);
		margin: 40rpx 0rpx 50rpx 0rpx;
	}

	.qsIndex_fd3_0_c0 {
		color: #333333;
		font-size: 36rpx;
		font-weight: 500;
	}

	.qsIndex_flex_4 {
		background: rgba(255, 255, 255, 1);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 40rpx 0rpx 0rpx 0rpx;
		width: 540rpx;
	}

	.qsIndex_fd4_2_c1_c0 {
		color: #ED702D;
		font-size: 32rpx;
		font-weight: 500;
	}

	.qsIndex_fd4_2_c1 {
		width: 50%;
		height: 110rpx;
	}

	.qsIndex_fd4_2_c0_c0 {
		color: #999999;
		font-size: 32rpx;
		font-weight: 500;
		text-align: center;
	}

	.qsIndex_fd4_2_c0 {
		border-right: 1px solid #eee;
		width: 50%;
		height: 110rpx;
		text-align: center;
	}

	.qsIndex_fd4_2 {
		border-top: 1px solid #eee;
		width: 100%;
	}

	.qsIndex_fd4_1 {
		line-height: 44rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: var(--benbenFontColor0);
		margin: 40rpx 0rpx 50rpx 0rpx;
	}

	.qsIndex_fd4_0_c0 {
		color: #333333;
		font-size: 36rpx;
		font-weight: 500;
	}


	.ding_1 {
		width: 100%;
		// position: fixed;
		height: 100rpx;
		background: #fff;
		justify-content: center;
	}

	.ding_2 {
		width: 25%;
		text-align: center;
		line-height: 80rpx;
		position: relative;
		// margin: 0 32rpx;
	}

	.ding_3 {
		position: absolute;
		bottom: 6rpx;
		left: 50%;
		transform: translateX(-50%);
		// width: 32rpx;
		// height: 4rpx;
		// background: #FF8E21;
		// border-radius: 100rpx; 
		
		background: url(image-path('52.png')) no-repeat;
		background-size: 100% 100%;
		width: 42rpx;
		height: 15rpx;
		
	}

	.ding_4 {
		font-size: 32rpx;
		color: #FF8E21;
	}

	.ding_5 {
		position: relative;
	}

	.ding_6 {
		position: absolute;
		right: 30rpx;
		top: 22rpx;
		width: 12rpx;
		height: 12rpx;
		background: red;
		border-radius: 12rpx;
	}

	.ding_7 {
		position: absolute;
		right: 12rpx;
		top: 12rpx;
		width: 12rpx;
		height: 12rpx;
		background: red;
		border-radius: 12rpx;
	}

	.mingcheng {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		margin: 24rpx 0 0 0;
	}

	.index_picker4_0_c2 {
		color: #FF8E21;
		font-size: 28rpx;
		font-weight: 700;
		line-height: 40rpx;
		text-align: left;
		font-style: normal;
	}

	.index_picker4_0_c1 {
		color: #333333;
		font-size: 36rpx;
		font-weight: 700;
		line-height: 50rpx;
		text-align: left;
		font-style: normal;
	}

	.index_picker4_0_c0 {
		color: #999999;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 40rpx;
		text-align: left;
		font-style: normal;
	}

	.index_picker4_0 {
		border-bottom: 1px solid #eee;
		background: #fff;
		padding: 0rpx 32rpx 0rpx 32rpx;
		border-radius: 24rpx 24rpx 0rpx 0rpx;
		background-size: 100% auto !important;
		height: 110rpx;
	}

	.fd1_0 {
		background: var(--benbenbgColor1);
		width: 450rpx;
		height: 90vh; 
		background-size: 100% auto;
	}

	.fd1_0_c0_c0_c1_c0 {
		background: rgba(248, 248, 248, 1);
		background-size: 100% auto;
		color: rgba(0, 0, 0, 1);
		padding: 12rpx;
		border-radius: 16rpx;
		margin: 0 12rpx 12rpx 12rpx;
		width: 400rpx;
		text-align: center;
		font-size: 36rpx;
	}

	.fd1_0_c0_c0_c0_c0 {
		background: #FF8E21;
		background-size: 100% auto;
		color: var(--benbenFontColor3);
		font-size: 36rpx;
		padding: 12rpx 12rpx 12rpx 12rpx;
		border-radius: 16rpx;
		margin: 0rpx 12rpx 12rpx 12rpx;
		text-align: center;
		width: 400rpx;
	}

	.fd1_0_c0 {
		touch-action: none;
		width: 100%;
		height: 70%;
	}

	.fd1_0 {
		background: var(--benbenbgColor1);
		width: 450rpx;
		height: 90vh;
		background-size: 100% auto;
		padding: 0rpx 0rpx 0rpx 0rpx;
	}
	 .fd1_0_c1_c1 {
	        background: #FF8E21;
	        border-radius: 33rpx 33rpx 33rpx 33rpx;
	        width: 400rpx;
	        line-height: 60rpx;
	        font-size: 36rpx;
	        color: #fff;
			margin: 0 0 0 25rpx;
	    }
	
	    .fd1_0_c1_c0 {
	        background: rgba(248, 248, 248, 1);
	        border-radius: 33rpx 33rpx 33rpx 33rpx;
	        width: 200rpx;
	        line-height: 60rpx;
	        font-size: 24rpx;
	        color: rgba(0, 0, 0, 1);
	    }
		.yangshi{
			font-size: 24rpx;
			padding: 12rpx 32rpx;
			background: rgba(248, 248, 248, 1);
			color: #000;
			border-radius: 18rpx;
			// margin: 0 0 0 24rpx;
		}
		.yangshi_2{
			font-size: 36rpx;
			padding: 12rpx 32rpx;
			background: rgba(248, 248, 248, 1);
			color: #000;
			width: 100%;
			text-align: center;
			border-radius: 18rpx;
			// margin: 0 0 0 24rpx;
			margin: 24rpx 0 0 0; 
			position: relative;
		}
		.yangshi_1{
			background: #FF8E21;
			color: #fff;
		}
		.yangshi_0{
			width: 100%;
			padding: 0 16rpx;
		}
	.qsIndex_fd1_0_ben {
		background: rgba(255, 255, 255, 1);
		background-size: 100% auto;
		padding: 24rpx;
	}
	.qsIndex_fd1_0_c0_ben {
		background: #F6F7F9;
		border-radius: 36rpx 36rpx 36rpx 36rpx;
		height: 72rpx;
		width: 702rpx;
		padding: 0rpx 32rpx 0rpx 32rpx;
	}
	.qsIndex_fd1_0_c0_c1_ben {
		width: 90%;
		margin: 0rpx 0rpx 0rpx 24rpx;
	}
	.leixing{
		padding: 32rpx 0 0;
	}
	.leixing_1{
		width: 50%;
		// text-align: center;
		font-weight: 400;
		font-size: 28rpx;
		color: #999999;
		padding: 0 90rpx 0 0rpx;
		box-sizing: border-box;
		text-align: right;
	}
	.leixing_2{
		width: 50%;
		// text-align: center;
		font-weight: 400;
		font-size: 28rpx;
		color: #999999;
		padding: 0 0 0 90rpx;
		box-sizing: border-box;
	}
	.leixing_3{
		font-weight: 500;
		font-size: 32rpx;
		color: #000000;
	}
	.ding_2{
		width: 25%;
		text-align: center;
		line-height: 80rpx;
		position: relative;
	}
	
	.ding_4{
		font-size: 32rpx;
		color: #FF8E21;
	}
	
</style>
